<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
	</head>
	<body>
		<!--action="" 点击提交按钮时，相当于刷新效果；
				="#" 提交到本页
				如果method时get，则提交后与超链接a效果一样
				
				get方式表单提交之后，在浏览器的地址栏中添加？后接参数。表单里面元素必须有name属性才有效
				所以表单提交时，参数的获取与表单元素的name属性有关
				
		-->
		<form action="http://192.168.1.3:8080/test" method="post">
			<input type="text" name="haha" placeholder="账号"/>
			
			<input type="password" name="psw" placeholder="请输入密码"/><!--placeholderH5才有的属性-->
			<br>
			<input type="date" />
			<br>
			<input type="datetime" />
			<br>
			<input type="datetime-local" />
			<br>
			<input type="radio" name="sex" value="1" checked="checked"/>boy
			<input type="radio" name="sex" value="0"/>girl
			<!--radio:以name相同为一个单选按钮
				如果value属性没有写，勾选就是on，不勾选则没有
				通过value属性可以指定值
				checked，设置默认选项
			-->
			<br>
			<!--checkbox：以name作为分组选项，提交到后天，以数组的方式-->
			<input type="checkbox"  name="hobby" value="0" checked/>games
			<input type="checkbox" name="hobby" value="1"/>bas
			<input type="checkbox" name="hobby" value="2"/>cod
			<br>
			<input type="hidden" name="hidden"  value="隐藏的内容" />
			<input type="number" name="num"  value="" /><!--只能填数字-->
			<input type="tel" name="tel" id="tel" value="" /><!--电话号码-->
			
			<br>
			<select name="select">
				<option value="1">选项一</option>
				<option value="2">选项二</option>
				<optgroup label="分组1">
					<option value="3">选项三</option>
					<option value="4">选项四</option>
				</optgroup>
			</select>
			<!--rows 行 cols列-->
			<!--textarea的内容写在标签之间-->
			<textarea name="" rows="5" cols="20"></textarea>
			<!--input type 
				submit：提交按钮，自带表单提交功能。必须写在form标签里面。
				reset：重置按钮，不是清空，而是将表单恢复到最初状态。
				button：普通的按钮，没有任何特殊效果
		button type 默认是submit
				submit：提交按钮，自带表单提交功能。必须写在form标签里面。
				reset：重置按钮，不是清空，而是将表单恢复到最初状态
				button：普通的按钮，没有任何特殊效果
			-->
			<input type="reset" name="" id="" value="" />
			<input type="submit" value="提交" />
			
		</form>
	</body>
</html>
